<template>
	<view class="qd-pai-hang-content">
			<view class="qd-pai-hang-item" v-for="i in 12" :key="i">
				<view class="xu-number">{{ i }}</view>
				<view class="qd-item-user-avatar">
					<image src="/static/img/jianbao.png"></image>
				</view>
				<view class="qd-item-username">
					<view style="font-size: 14px;">周涛</view>
					<view style="font-size: 12px;color: #CCCCCC;">2019-12-9 12:12:12</view>
				</view>
			</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// curIndex: 0
			}
		},
		onLoad(options) {
			
		},
		methods: {
		
		},
		components: {
			
		}
	}
</script>

<style>

	.qd-pai-hang-item {
		display: flex;
		align-items: center;
	}
	.qd-pai-hang-item {
		border-bottom: 1px solid #CCCCCC;
		background: #FFFFFF;
		height: 100rpx;
	}

	.qd-item-user-avatar,
	.qd-item-user-avatar image {
		width: 80rpx;
		height: 80rpx;
	}

	.qd-item-username {
		margin-left: 30rpx;
	}

	.xu-number {
		width: 80rpx;
		height: 80rpx;
		text-align: center;
		line-height: 80rpx;
	}
</style>
